/*Creates a media query: @include media-breakpoint-up(xs-sm-md-lg-xl)
*/

/*Small devices (landscape phones, 0px to 576px and up)*/
/*@include media-breakpoint-up(xs) { body { background:red !important;} }*/

/*iPad and others  devices (iPad and others, 576px to 768px)*/
/*@include media-breakpoint-up(sm) { body { background:green !important;} }*/


 /*Medium  devices (desktops, 768px to 992px)*/
/*@include media-breakpoint-up(md) { body { background:yellow !important;} }

/*Large devices (large desktops, 992px and 1200px)*/
/*@include media-breakpoint-up(lg) {  body { background:pink !important;} }*/

/*Extra large devices (large desktops, 1200px and up)*/
/*@include media-breakpoint-up(xl) {  body { background:skyblue !important;}}*/


